<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{margin:0px;padding: 0px;}
		#main{ background-image: url('img/background-index.jpg'); background-repeat:no-repeat; width: 1920px; height: 1080px;  }
		ul{position: relative;top:800px;left: 135px;width: 200px;}
		ul li{margin-bottom: 30px; }
		a{font-size: 20px;text-decoration: none;color: #0A0707;}
	</style>
</head>
<body style="overflow: hidden;">
	<div id="main">
		<ul>
			<li id="zhongguo" onclick="status('zhongguo')"><a href="zhongguo/video1.html">中国</a></li>
			<li id="hanguo" onclick="status('hanguo')"><a href="hanguo/video1.html" >韩国</a></li>
			<li id="riben" onclick="status('riben')"><a href="riben/video1.html" >日本</a></li>
			<li id="mengguzu" onclick="status('mengguzu')"><a href="mengguzu/video1.html" >蒙古国</a></li>
		</ul>
	</div>
	<script type="text/javascript">
		function status(id){
		var element=document.getElementById(id);
		element.style.textDecoration='underline';

	}
	</script>
</body>
</html>